<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <style>
      body{
        background-color: rgba(0,0,0,0.5);
      }
      .content{
        padding: 0 1rem;
        height: 100vh;
      }
      .mo_close{
        width: 1.6rem;
        display: inline-block;
      }
      .contentMod{
        background-color: white;
        padding: 1rem;
        text-align: left;
      }
      .user{
        margin-bottom: 1.3rem;
      }
      .user img:nth-child(1){
        width: 2.5rem;
        margin-right: 1rem;
        border-radius: 4px;
      }
      .code{
        margin: 0 auto;
        width: 40vmin;
        height: 40vmin;
      }
      .contentMod p{
        text-align: center;
        margin-top: 1rem;
        font-size: .6rem;
      }
      .btn{
        text-align: center;
        padding: .6rem;
        background-color: #E73250;
        border-radius: 100px;
        color: #FFFFFF;
        font-size: .7rem;
      }
    </style>
</head>

<body>
  <div class="content aui-flex-row aui-flex-around">
    <div class="aui-text-right">
        <img class="mo_close" src="../../image/common/08.png" tapmode onClick="api.closeFrame();">
    </div>
    
    <div class="contentMod">
      <div class="user aui-flex-col aui-flex-middle">
        <img src="../../image/demo/12.png">
        <div class="flex-auto">
          <div class="color-333 aui-font-size-16">有蜜客服 蜜蜜</div>
          <div class="color-666 aui-font-size-12 aui-padded-t-10">浙江 杭州</div>
        </div>
      </div>
      <div><img class="code" src="../../image/mine/kefu.png"></div>
      <p>
        微信扫描上面的二维码，添加客服微信
      </p>
    </div>
    <div class="btn" tapmode onclick="savePic();">
      保存图片到本地
    </div>
  </div>
</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
apiready = function() {
		api.parseTapmode();
};

function savePic(){
  api.saveMediaToAlbum({
      path: 'widget://image/mine/kefu.png'
    }, function(ret, err) {
      if(ret && ret.status){
        toast('保存成功');
      }else {
        toast('保存失败');
      }
    });
}
</script>
</html>
